<template>
  <div id="dashboard">
    <render-tab-bar></render-tab-bar>
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
  </div>
</template>

<script>
import RenderTabBar from '../../components/content/RenderTabBar'

export default {
  name: 'Dashboard',
  components: {
    RenderTabBar
  }
}

</script>
<style lang='scss' scoped>
.router-slider-enter-active,
.router-slider-leave-active {
  transition: all .3s;
}
.router-slider-enter,
.router-slider-leave-active {
  transform: translate3d(px2rem(35), 0, 0);
  opacity: 0;
}
</style>
